<!DOCTYPE html>
<html>
    <head>
        <title>MEdia</title>
        <link rel="stylesheet" type="text/css" href="pageLayout.css" />
        <style type="text/css">
            .minbody                {height:440px;}
            .pcontainer{
                height:300px;
                width:100%-100px;
                background-color:#ffffff;
                padding:50px;
                margin-top:-50px;
            }
            .pdetails{
                float:left;
                width:600px;
                height:100%;
                margin-top:-10px;
                margin-left:30px;
            }
            .pimage{
                float:left;
                width:200px;
                height:200px;
            }
            .pname{
                margin-top:-15px;
                font-size:30px;
                font-family:'Intro';
                color:#0066cc;
            }
            .ptype{}
            .pprice                 {float:right;}
            .pdescription{}
        </style>
        <script type="text/javascript" src="jquery-latest.pack.js"></script>
        <script type="text/javascript" src="javascript.js"></script>
    </head>
    <body>
        <?php
        // put your code here
        ?> 
        <div class="mainheader">
            <div class="minheader">
                <div class="outsideheader">
                    <div class="navbar">
                        <ul>
                            <li><a href='index.html'><img src="images/logo.png"/></a></li>
                            <li><a href='categories.html'>books</a></li>
                            <li><a href='categories.html'>music</a></li>
                            <li><a href='categories.html'>movies</a></li>
                            <li><a href=''>about</a></li>
                            <li><a href=''>contact</a></li>
                            <li><form><input id="search" type="text" value="Search" onfocus="clearText(this)" onBlur="checkIfEmpty(this)"/></form></li>
                        </ul>
                    </div>
                    <div id="accountbar">
                        <div class="accountbutton">
                            <span>0</span>
                            <div id="cartitemphrasecontainer">
                                <a id="cartitemsphrase">cart items</a>
                            </div><br><br>
                            <a>check out</a>
                        </div>

                        <div onmouseover="unhideLogin()" onmouseout="hideLogin()" class="accountbutton" id="logreg">
                            <a id="logregphrase">login/<br>register</a>
                        </div>

                        <div id="logregarea">
                            <div id="login" onmouseover="unhideLogin()" onmouseout="hideLogin()">
                                <form method="POST" action="LoginAction.php">
                                    <a>Username</a><br><input type="text"/><br>
                                    <a>Password</a><br><input type="password"/><br>
                                    <input type="checkbox"/>
                                    <a>Keep me logged in</a>
                                    
                                    <input type="submit">
                                </form>
                            </div>
                            <div id="registerbutton" onmouseover="unhideLogin()" onmouseout="hideLogin()"><a href="register.html">Register</a></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="mainbody">
            <div class="minbody">
                <div class="pcontainer">
                    <img src="images/takecare.jpg" class="pimage"/>
                    <div class="pdetails">
                        <a class="pname">Take Care</a>
                        <a class="pprice">$10.00</a><br>
                        <a class="ptype">Music</a><br>
                        <a class="pdescription">
                            Take Care is the second studio album by Canadian recording artist Drake, released November 15, 2011, on Young Money Entertainment and Cash Money Records. It is the follow-up to his 2010 debut album Thank Me Later. Production for the album took place during 2010 to 2011 and was handled by Noah "40" Shebib, Boi-1da, T-Minus, Just Blaze, The Weeknd, and Jamie xx, among others.With the album, Drake sought to record a more cohesive recording than his debut album, which he felt was rushed in its development.
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <div class="mainfooter"> 
            <div class="minfooter">
            </div>
        </div>
    </body>
</html>
